import gradio as gr

# 布局组件简介
# gr.Row：将组件水平排列
# gr.Column：将组件垂直排列
# gr.Group：用于对一组组件进行逻辑分组，通常在不显示控制布局时使用。
# gr.Tab：创建选项卡布局，用于在页面中分隔不同的内容。
# gr.Accordion：创建可折叠的内容块

with gr.Blocks() as demo:
    with gr.Tab('Row'):
        with gr.Row():
            gr.Text()
            gr.Text()
            gr.Text()

    with gr.Tab('Column'):
        with gr.Column():
            gr.Text()
            gr.Text()
            gr.Text()

    with gr.Tab('Group'):
        with gr.Group():
            gr.Text()
            gr.Text()
            gr.Text()

    with gr.Tab('Tab'):
        with gr.Tab('aaa'):
            gr.Text()
            gr.Text()
            gr.Text()
        with gr.Tab('bbb'):
            gr.Text()
            gr.Text()
            gr.Text()

    with gr.Tab('Accordion'):
        with gr.Accordion(open=False):
            gr.Text()
            gr.Text()
            gr.Text()

if __name__ == "__main__":
    demo.launch()
